<!--{*--><link href="../css/management.css" rel="stylesheet" type="text/css" /><!--*}-->

<h1 style="color:#FF0000;">{$images.image_caption|default:#DEFAULT_IMAGE_CAPTION#}</h1>

<h2>Preview | <a href="#">Download</a> | <a target="facebook" href="{$images.image_id|facebook:$images.image_caption}">Facebook</a> | Comments | <a href="#more">Links</a></h2>

<img src="image/{'THUMBNAIL_DETAILS_SIZE_ID'|constant}/{$images.image_id}.jpg" alt="" title="" class="image-medium" style="width:830px; float:left;" />
<!--<img src="images-preview.php?id={$images.image_id}&amp;code={$images.code}&amp;size=medium" alt="" title="" class="image-medium" />-->
<div class="ads-served-vertical" style="float:right">{'vertical'|ads}</div>
<div style="clear:both;"></div>
<div class="ads-served-horizontal">{'horizontal'|ads}</div>
<div class="ads-served-info">Some info</div>
<div style="clear:both;"></div>

<!-- reuse the link as much as possible -->
<p align="right">
	<a href="?id={$images.image_id}&amp;code=id={$images.code}&amp;action=previous">Prev</a> | 
	<a href="?id={$images.image_id}&amp;code=id={$images.code}&amp;action=next">Next</a>
</p>

<div class="url-share">
<h3><a name="more" id="more"></a>Sharable image sizes - copy/paste the following HTML code into your application as necessary.</h3>
{section name='s' loop=$sizes}
	Share <strong>{$sizes[s].size_name}</strong> ({$sizes[s].dimension_width}x{$sizes[s].dimension_height} px) sized image:
	<ul>
		<li>Image: &lt;img src=&quot;<span class="url-dessipate">{'GALLERY_URL'|constant}/image/<strong>{$sizes[s].size_id}/{$images.image_id}.jpg</strong></span>&quot; width=&quot;{$sizes[s].dimension_width}&quot; height=&quot;{$sizes[s].dimension_height}&quot; title=&quot;{$images.image_caption|utf8}&quot; alt=&quot;{'GALLERY_NAME'|constant|utf8}&quot; /&gt;</li>
		<li>URL: &lt;a href=&quot;<span class="url-dessipate">{'GALLERY_URL'|constant}/image-{$images.image_id}.php&quot;</span>&gt;{$images.image_caption|default:#DEFAULT_IMAGE_CAPTION#}&lt;/a&gt;</li>
	</ul>
{sectionelse}
	<p>Not allowed to share images at the momemnt.</p>
{/section}
</div>



<div class="details">
	
  <div class="holder">
    <div class="title">Dimensions</div>
    <div class="content"><strong>{$images.dimension_width}</strong>px width x <strong>{$images.dimension_height}</strong>px height</div>
  </div>
	
  <div class="holder">
    <div class="title">File Size Bytes</div>
    <div class="content">{$images.filesize_bytes|default:'-'}</div>
  </div>
	
  <div class="holder">
    <div class="title">Image Code</div>
    <div class="content"><a href="image/{'THUMBNAIL_DETAILS_SIZE_ID'|constant}/{$images.image_id}.jpg" target="_blank">{$images.image_code|default:'-'}</a></div>
  </div>
	
  <div class="holder">
    <div class="title">Image Name</div>
    <div class="content"><a href="image/{'THUMBNAIL_DETAILS_SIZE_ID'|constant}/{$images.image_id}.jpg" target="_blank">{$images.image_name|default:'-'}</a></div>
  </div>
	
  <div class="holder">
    <div class="title">Image Caption</div>
    <div class="content">{$images.image_caption|default:'-'}</div>
  </div>
	
  <div class="holder">
    <div class="title">Image Keywords</div>
    <div class="content">{$images.image_keywords|tags}</div>
  </div>
	
  <div class="holder">
    <div class="title">Image Description</div>
    <div class="content">{$images.image_description|default:'-'}</div>
  </div>

  <div class="holder">
    <div class="title">Total Views</div>
    <div class="content">{$images.impressions_counter}</div>
  </div>
  
  <div class="holder">
    <div class="title">Albums Associated</div>
    <div class="content">{listof type='albums_of_image' from=$images.image_id}</div>
  </div>

</div>